<!--
 * @Date: 2024-03-21 18:04:35
 * @Auth: 873768511@qq.com
 * @LastEditors: tanjiujiu 873768511@qq.com
 * @LastEditTime: 2024-03-26 17:08:26
 * @FilePath: \dram-web\src\views\PM\detail\index.vue
-->
<template>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="User" name="plan">
        <plan></plan>
      </el-tab-pane>
      <!-- <el-tab-pane label="Config" name="test">Config</el-tab-pane>
      <el-tab-pane label="Role" name="third">Role</el-tab-pane>
      <el-tab-pane label="Task" name="fourth">Task</el-tab-pane> -->
    </el-tabs>
  </div>
</template>
<script setup name="Detail">
import plan from './component/plan'
const activeName = ref('plan')


</script>

<style scoped lang="scss">
.step_title {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  margin: 20px 0 20px;
  &::before {
    position: absolute;
    left: 0;
    height: 20px;
    width: 4px;
    background-color: #3970e3;
    content: "";
  }
}
</style>